vuev 您所在的位置:网站首页 js proxy 双向数据绑定 vuev

vuev

2023-04-18 08:08| 来源: 网络整理| 查看: 265

vuev-for循环出来的数据动态绑定值问题

 

v-for循环出来的数据动态绑定值

记录一下,循环数据动态绑定值

//description这个数组是后台给的数据 //首先遍历这个数组,给这个数组加上value这个字段  for(let item of description){               item.value = ''      } //然后在input就可以绑定这个值了      {{item.fields_describe}}:      

最后我们给后端值的时候只需要把description这个数组给他传过去就好了,里面包括input的值。

 

使用v-for循环的输入框,如何绑定值 问题

一堆输入框用v-for生成,怎么用v-model绑定这些输入框的值

思路

vue里面的data定义一个数组:formTextList:[]

请求到数据的时候,将后端的数组赋给前端自己定义的formTextList

v-model绑定到这个数组

代码:

{{item.title}}*

 

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程宝库。

下一节:Vue3中使用ref标签对组件进行操作方法JS 编程技术

 Vue3使用ref标签在Vue2中 一般用 this.$ref.xxxx 进行获取组件对象Vue3中就不使用这个方法了例如:



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有